<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>数据绑定</title>
	<script src="./js/vue.js"></script>
</head>
<body>
	<div id="root">
		<!-- 单向绑定 -->
		单向绑定：<input type="text" v-bind:value="name"> <br/>
		<!-- 双向绑定 -->
		双向绑定：<input type="text" v-model:value="name"> <br>

		<!-- 简写 -->
		单向绑定：<input type="text" :value="name"> <br/>
		双向绑定：<input type="text" v-model="name"> <br>
	</div>
</body>

<script>
	Vue.config.productionTip = false
	new Vue({
		el: "#root",
		data: {
			name: "尚硅谷"
		}
	})
</script>
</html>